<!DOCTYPE html><html><head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

    <title x-bind="config.title">照片上传</title>
    <link rel="stylesheet" href="web-lib/admin/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="web-lib/admin/dist/css/AdminLTE.min.css">
<link rel="stylesheet" href="web-lib/admin/dist/css/skins/skin-green.css">
<link rel="stylesheet" href="web-lib/css/common-icon.css">
<link rel="stylesheet" href="common/mloading/jquery.mloading.css">
<link rel="stylesheet" href="common/css/rewrite.css">

  <script>var global_app_name='fileupload';var global_app_id='';</script></head>
  <body class="hold-transition skin-green sidebar-mini">
    <div id="page-container" class="wrapper"></div>
    <script type="text/javascript" src="common/js/jquery.js"></script>
<script type="text/javascript" src="web-lib/js/jquery-plug.js"></script>
<script type="text/javascript" src="web-lib/admin/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="h5x-lib/common/template-web.js"></script>
<script type="text/javascript" src="h5x-lib/h5x.js"></script>
<script type="text/javascript" src="h5x-lib/plugs/h5x-render.js"></script>
<script type="text/javascript" src="h5x-lib/plugs/h5x-dai.js"></script>
<script type="text/javascript" src="h5x-lib/plugs/h5x-dai.js"></script>
<script type="text/javascript" src="h5x-lib/plugs/h5x-emitter.js"></script>
<script type="text/javascript" src="h5x-lib/plugs/h5x-route.js"></script>
<script type="text/javascript" src="h5x-lib/plugs/h5x-editor.js"></script>
<script type="text/javascript" src="web-lib/calendar/Ecalendar.jquery.js"></script>
<script type="text/javascript" src="web-lib/admin/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="common/mloading/jquery.mloading.js"></script>
<script type="text/javascript" src="common/js/doT.js"></script>
<script type="text/javascript" src="common/js/h5x.dot.js"></script>
<script type="text/javascript" src="common/js/h5x.ipc.js"></script>
<script type="text/javascript" src="web-lib/js/art-filter.js"></script>
<script type="text/javascript" src="common/js/jq.electron.js"></script>
<script type="text/javascript" src="components/home.js"></script>
<script type="text/html" id="tp-home">
  <header class="main-header">
    <!-- Logo -->
    <a href="javascript:;" class="logo">
      照片管理
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->

      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">          
          <!-- User Account: style can be found in dropdown.less -->
          <li class="dropdown user user-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="common/images/user2-160x160.jpg" class="user-image" alt="User Image">
              <span class="hidden-xs">管理员</span>
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="common/images/user2-160x160.jpg" class="img-circle" alt="User Image">
                <p>
                  管理员
                </p>
              </li>              
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-right">
                  <a href="#" class="btn btn-default btn-flat">退出</a>
                </div>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu">
        <li class="header">照片上传</li>
        <li id="import">
          <a href="javascript:;">
            <i class="common-icon">&#xe634;</i>
            <span>底片导入</span>
          </a>
        </li>

        <li id="export">
          <a href="javascript:;">
            <i class="common-icon">&#xe635;</i>
            <span>选片导出</span>
          </a>
        </li>

        <li id="package">
          <a href="javascript:;">
            <i class="common-icon">&#xe609;</i>
            <span>打包上传</span>
          </a>
        </li>
      </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">

  </div>
  <div class="modal fade" role="dialog" id="up-progress-dialog">
      <div class="modal-dialog">
      </div>
  </div>
  <!-- /.content-wrapper -->
  <footer class="main-footer">
      讯意网络科技
  </footer>
</script>
<script type="text/javascript" src="components/common/pager.js"></script>
<script type="text/html" id="tp-pager">
    <ul class="pagination">
        <li class="paginate_button previous"><a href="javascript:;">上一页</a></li>

        #for(var i=0;i<scope.pager.pages;i++){
            #if(i==scope.pager.page){
                <li class="paginate_button page_no active" data-page="{{=i}}">
                    <a href="javascript:;">{{=(i+1)}}</a></li> 
            #}else{
                <li class="paginate_button page_no" data-page="{{=i}}">
                    <a href="javascript:;">{{=(i+1)}}</a></li> 
            #}
        #}

        <li class="paginate_button next"><a href="javascript:;">下一页</a></li>

    </ul>
</script>


<script type="text/javascript" src="components/common/ac-selector.js"></script>
<script type="text/html" id="tp-ac-selector">
    <select class="form-control" id="select-activity">   
        # scope.aclist.forEach(function(activity,index){
         <option value="{{=activity.id}}" data-class="{{=activity.clazz}}" data-no="{{=activity.no}}">{{=activity.school}}</option>
        # });
    </select>
    <select class="form-control" id="select-class">
    </select>
</script>
<script type="text/javascript" src="components/common/common-list.js"></script>
<script type="text/html" id="tp-common-list">
    <div class="tools-bar">

      <div class="input-group input-group-sm search-right" style="width:200px;">
        <input type="text" name="table_search" class="form-control pull-right czinput search-input" placeholder="查找">
        <div class="input-group-btn">
          <button type="submit" class="btn btn-default cz search-btn"><i class="common-icon">&#xe603;</i></button>
        </div>
      </div>
      <div class="button-tools">
          <button type="button" class="btn btn-success  btn_preview_apply" id="common-qr-btn">{{=scope.btn_text}}</button>
      </div>
      <div class="left-tools form-inline ac-selector"> 
      </div>      

    </div>


    <div class="content-list">
      <div id="common-item-list"></div>
      <div class="pager-nav">
      </div>      
    </div>
  </script>

<script type="text/javascript" src="components/import/main.js"></script>
<script type="text/html" id="tp-import-main">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <ol class="breadcrumb">
        <li>照片管理</li>
        <li>底片导入</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

      <div class="nav-tabs-custom">
        <!-- Tabs within a box -->
        <ul class="nav nav-tabs" id="activity-tabs">          
          <li class="active"><a href="#panel-import" data-toggle="tab">底片导入</a></li>      
        </ul>
        <div class="tab-content no-padding">
          <!-- Morris chart - Sales -->
          <div class="chart tab-pane content-panel active" id="panel-import">              
          </div>
        </div>
      </div>
    </section>

    
    <div class="modal fade bs-example-modal-lg" role="dialog" id="import-add-dialog">
        <div class="modal-dialog">
        </div>
    </div>

    <!-- /.content -->
</script>
<script type="text/javascript" src="components/import/import.js"></script>

<script type="text/html" id="tp-apply-lit">
      <table class="table table-hover table-striped table-bordered">
        <tr>
          <th>报名编号</th>
          <th>姓名</th>
          <th>电话</th>     
          <th>摄影师</th>  
          <th>造型师</th> 
          <th>引导师</th> 
          <th>打开目录</th>
          <th>上传底片</th>
          <th>短信通知</th>
        </tr>
        <tbody id="applylist-container"> 
        #scope.applylist.forEach(function(item,i){
            <tr>
                <td>{{=item.no}}</td>
                <td>{{=item.name}}</td>
                <td>{{=item.tel}}</td>
                <td>{{=item.photoer||""}}</td>    
                <td>{{=item.styler||""}}</td>       
                <td>{{=item.guider||""}}</td>         
                <td data-id="{{=item.id}}"  data-dir="{{=scope.activityno}}/{{=item.no}}">
                    <button type="button" class="btn btn-link open-dir">打开目录</button>
                </td>
                <td data-id="{{=item.id}}"  data-dir="{{=scope.activityno}}/{{=item.no}}">
                #if(item.upstatus==1){
                    <span class="uploaded">已上传({{=item.upnumber}}张)</span>
                    <button type="button" class="btn btn-link recompress">重新上传</button>
                #}else{
                    <span class="unupload">未上传</span>
                    <button type="button" class="btn btn-link compress">上传底片</button>
                #}
                    
                </td>
                <td data-id="{{=item.id}}"  data-dir="{{=scope.activityno}}/{{=item.no}}">
                #if(item.smsstatus==1){
                    <span class="uploaded">已发送</span>
                    <button type="button" class="btn btn-link send-sms">重新发送</button>
                #}else{
                    <span class="unupload">未发送</span>
                    <button type="button" class="btn btn-link send-sms">短信通知</button>
                #}
                    
                </td>
            </tr>
        #});           
        </tbody>       
        
      </table>
</script>
<style>
    .uploaded{
        color:#00a65a;
    }

    .unupload{
        color:#f39c12;
    }
</style>
<script type="text/javascript" src="components/import/add-form.js"></script>
<script type="text/html" id="tp-import-form">
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">添加报名信息</h4>
    </div>
    <div class="modal-body">
        <from id="import-add-form" name="import-add-form"  class="form-horizontal">
          <input type="hidden" name="id"  value="{{=scope.apply.id}}"/>

          <div class="form-group">
            <label class="col-sm-2 control-label">孩子姓名</label>
            <div class="col-sm-9">
              <input type="text" class="form-control" name="name" placeholder="请输入孩子姓名" id="title">
            </div>            
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">家长电话</label>
            <div class="col-sm-9">
              <input type="text" class="form-control" name="tel" placeholder="请输入家长电话" id="title">
            </div>            
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">学校名称</label>
            <div class="col-sm-9">
              <select class="form-control" id="select-activity" name="activityid">   
                  # scope.aclist.forEach(function(activity,index){
                      <option value="{{=activity.id}}" data-class="{{=activity.clazz}}" data-no="{{=activity.no}}">{{=activity.school}}</option>
                  # });
              </select>
            </div>           
          </div>
          <input name="school" type="hidden"/>

          <div class="form-group">
            <label class="col-sm-2 control-label">班级</label>
            <div class="col-sm-9">
              <select class="form-control" id="select-class" name="clazz">
              </select>
            </div>           
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">摄影师</label>
            <div class="col-sm-9">
              <select class="form-control" id="photoer" name="photoer">
                  #scope.userlist.forEach(function(user,index){
                      #if(user.post=="摄影师"){
                          <option value="{{=user.name}}">{{=user.name}}</option>
                      #}
                  #});
              </select>
            </div>           
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">造型师</label>
            <div class="col-sm-9">
              <select  class="form-control" id="styler" name="styler">
                  #scope.userlist.forEach(function(user,index){
                      #if(user.post=="造型师"){
                          <option value="{{=user.name}}">{{=user.name}}</option>
                      #}
                  #});
                </select>
            </div>           
          </div>

          <div class="form-group">
            <label class="col-sm-2 control-label">引导师</label>
            <div class="col-sm-9">
              <select  class="form-control" id="guider" name="guider">
                  #scope.userlist.forEach(function(user,index){
                      #if(user.post=="引导师"){
                          <option value="{{=user.name}}">{{=user.name}}</option>
                      #}
                  #});
                </select>
            </div>           
          </div>

        </form>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
      <button type="button" class="btn btn-primary" id="import-save-btn">完成</button>
    </div>
  </div>
</script>
<style>
  .chart svg {
    width: 30px !important;
    right: 20px !important;
  }

  .ECalendarBox .currentdate h2 {
    margin-top: 0px;
  }
</style>

<script type="text/javascript" src="components/common/upprogress.js"></script>
<script type="text/html" id="tp-upprogress">
  <div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
        </button>
        <h4 class="modal-title">{{=scope.title}}</h4>
    </div>
    <div class="modal-body">
        <div class="box-body">
            <div class="progress">
                <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
                    <span class="sr-only"></span>
                </div>
            </div>
            <div style="text-align:center"><span id="progress-amount">{{=scope.tip}}</span></div>
        </div>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-primary" data-dismiss="modal">完成</button>
    </div>
  </div>
</script>
<style>

</style>

<script type="text/javascript" src="components/export/main.js"></script>
<script type="text/html" id="tp-export-main">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <ol class="breadcrumb">
        <li>照片管理</li>
        <li>选片导出</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

      <div class="nav-tabs-custom">
        <!-- Tabs within a box -->
        <ul class="nav nav-tabs" id="activity-tabs">          
          <li class="active"><a href="#panel-export" data-toggle="tab">选片导出</a></li>      
        </ul>
        <div class="tab-content no-padding">
          <!-- Morris chart - Sales -->
          <div class="chart tab-pane content-panel active" id="panel-export">
              
          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
</script>
<script type="text/javascript" src="components/export/export.js"></script>

<script type="text/html" id="tp-export-lit">
<table class="table table-hover table-striped table-bordered">
<tr>
    <th width="90">活动编号</th>
    <th width="90">报名编号</th>
    <th width="90">姓名</th>
    <th>电话</th>   
    <th>支付金额</th>  
    <th width="90">支付状态</th>  
    <th>选片详情</th>   
    <th>导出选片</th>
</tr>
<tbody id="applylist-container">    
    #scope.applylist.forEach(function(item,i){
    <tr>
            <td>{{=item.activityno}}</td>
            <td>{{=item.applyno}}</td>
            <td>{{=item.name}}</td>
            <td>{{=item.tel}}</td>
            <td>{{=item.total || 0}}</td>
            <td>
                #if(item.paystatus == 1){
                    已支付
                #}else{
                    未支付
                #}
            </td>
            
            <td>{{=scope.getDetail(item.product)}}</td>
            <td data-id="{{=item.applyid}}"  data-dir="{{=scope.activityno}}/{{=item.applyno}}"> 
                <button type="button" class="btn btn-link export-choosen">导出用户选片</button>
            </td>
        </tr>
    #});        
</tbody>       

</table>

</script>
<style>
    .uploaded{
        color:#00a65a;
    }

    .unupload{
        color:#f39c12;
    }
</style>
<script type="text/javascript" src="components/package/main.js"></script>
<script type="text/html" id="tp-package-main">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <ol class="breadcrumb">
        <li>照片管理</li>
        <li>打包上传</li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content">

      <div class="nav-tabs-custom">
        <!-- Tabs within a box -->
        <ul class="nav nav-tabs" id="activity-tabs">          
          <li class="active"><a href="#panel-package" data-toggle="tab">选片导出</a></li>      
        </ul>
        <div class="tab-content no-padding">
          <!-- Morris chart - Sales -->
          <div class="chart tab-pane content-panel active" id="panel-package">
              
          </div>
        </div>
      </div>
    </section>
    <!-- /.content -->
</script>
<script type="text/javascript" src="components/package/package.js"></script>

<script type="text/html" id="tp-package-lit">
<table class="table table-hover table-striped table-bordered">
<tr>
    <th>报名编号</th>
    <th>姓名</th>
    <th>电话</th>
    <th>打开目录</th>
    <th>打包上传</th>
    <th>短信通知</th>
</tr>
<tbody id="applylist-container">   
#scope.applylist.forEach(function(item,i){
    <tr>
        <td>{{=item.no}}</td>
        <td>{{=item.name}}</td>
        <td>{{=item.tel}}</td>

        <td data-id="{{=item.id}}"  data-dir="{{=scope.activityno}}/{{=item.no}}">
            <button type="button" class="btn btn-link open-finish">打开目录</button>
        </td>

        <td data-id="{{=item.id}}"  data-dir="{{=scope.activityno}}/{{=item.no}}">
        #if(item.upstatus==3){
            <span class="uploaded">已上传</span>
            <button type="button" class="btn btn-link repackage">重新打包上传</button>
        #}else{
            <span class="unupload">未上传</span>
            <button type="button" class="btn btn-link package">打包上传</button>
        #}            
        </td>

        <td data-id="{{=item.id}}"  data-dir="{{=scope.activityno}}/{{=item.no}}">
        #if(item.smsstatus==2){
            <span class="uploaded">已发送</span>
            <button type="button" class="btn btn-link send-sms-email">重新发送</button>
        #}else{
            <span class="unupload">未发送</span>
            <button type="button" class="btn btn-link send-sms-email">发送通知</button>
        #}            
        </td>
    </tr>
#});
</tbody>       

</table>

</script>
<style>
    .uploaded{
        color:#00a65a;
    }

    .unupload{
        color:#f39c12;
    }
</style>

    <script type="text/javascript">
		    //var global_api_host = "http://localhost:9001";
        //var global_api_host = "http://xp.jiaphoto.com";
        var global_api_host = "http://xp.xnearu.com";
        $(function(){
            $("#page-container").make("home",{});
        });
    </script>
  

</body></html>